﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Src="~/MyControls/SurveyQuestion.ascx" TagPrefix="sq1" TagName="SurveyQuestion" %>


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .auto-style3 {
            width: 116px;
            height: 32px;
        }

        .auto-style4 {
            width: 208px;
            height: 32px;
        }

        .auto-style5 {
            height: 32px;
            width: 442px;
        }
        
        .auto-style6 {
            width: 94px;
        }
        .auto-style7 {
            width: 159px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">

        <h3 style="text-align: center; color: #ff6a00;">Dynamic Controls</h3>
        <table style="padding: 5px; margin: 5px; width: 100%; height: auto; border: 2px solid #ff6a00;">
            <tr>
                <td class="auto-style3"><b>Control Types</b></td>
                <td class="auto-style4">
                    <asp:CheckBoxList ID="chkblControlTypes" runat="server" RepeatDirection="Horizontal">
                        <asp:ListItem>Label</asp:ListItem>
                        <asp:ListItem>TextBox</asp:ListItem>
                        <asp:ListItem>Button</asp:ListItem>
                    </asp:CheckBoxList>
                </td>
                <td class="auto-style6">
                    <b>How Many :</b>
                </td>
                <td class="auto-style5">&nbsp;<asp:TextBox ID="txtHowMany" runat="server"></asp:TextBox>
                    &nbsp;
                    <asp:Button ID="btnCreateControls" runat="server" Text="Create Controls" OnClick="btnCreateControls_Click" />
                </td>
            </tr>
            <tr>
                <td colspan="4">
                    <h3>Label Controls</h3>
                </td>
            </tr>
            <tr>
                <td colspan ="4">
                    <asp:Panel ID="pnlLabel" runat="server">
                    </asp:Panel>
                </td>
            </tr>
            <tr>
                <td colspan="4">
                    <h3>TextBox Controls</h3>
                </td>
            </tr>
            <tr>
                <td colspan ="4">
                    <asp:Panel ID="pnlTextBox" runat="server">
                    </asp:Panel>
                </td>
            </tr>
            <tr>
                <td colspan="4">
                    <h3>Button Controls</h3>
                </td>
            </tr>
            <tr>
                <td colspan ="4">
                    <asp:Panel ID="pnlButton" runat="server">
                    </asp:Panel>
                </td>
            </tr>

        </table>
        <table style="padding: 5px; margin: 5px; width: 100%; height: auto; border: 2px solid #ff6a00;">
            <tr>
                <td class="auto-style7">
                    <asp:Button ID="btnCreateUserControl" runat="server" Text="Create User Controls" Width="133px" OnClick="btnCreateUserControl_Click" />
                &nbsp;
                    <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
&nbsp;</td>                
            </tr>
            <tr>
                <td colspan="1">
                    <asp:Panel ID="pnlUserControls" runat="server">
                        
                    </asp:Panel>
                </td>
                
            </tr>
            
        </table>
        
    </form>
</body>
</html>
